<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/css/css.css">
	<link rel="stylesheet" href="/css/style.css">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/footer.css">
    <script src="/js/jquery.js"></script>
    <script src="/js/axios.min.js" type="text/javascript"></script>
    <script src="/js/vue.js"></script>
</head>
<style>
    .block{
        display: block;
    }
    .none{
        display: none;
    }
</style>
<body>
    <div id="app">
        <!--头部导航栏-->
        <div class="header">
            <div class="wrap">
                <ul class="header-left">
                    <li><a href="#">小米商城</a><span>|</span></li>
                    <li><a href="#">MIUI</a><span>|</span></li>
                    <li><a href="#">loT</a><span>|</span></li>
                    <li><a href="#">云服务</a><span>|</span></li>
                    <li><a href="#">天星数科</a><span>|</span></li>
                    <li><a href="#">有品</a><span>|</span></li>
                    <li><a href="#">小爱开放平台</a><span>|</span></li>
                    <li><a href="#">企业团购</a><span>|</span></li>
                    <li><a href="#">资质证照</a><span>|</span></li>
                    <li><a href="#">协议规则</a><span>|</span></li>
                    <li>
                        <a href="#">下载app</a><span>|</span>
                        <div class="download">
                            <a href="#">
                                <img src="/img/Download.jpg" alt="">
                                <p>小米商城app</p>
                            </a>
                        </div>
                        <div class="triangle"></div>
                    </li>
                    <li><a href="#">智能生活</a><span>|</span></li>
                    <li><a href="#">Select Location</a></li>
                </ul>
                <ul class="header-right">
                    <li id="Login-li"><a href="Login.html">登录</a><span>|</span></li>
                    <li id="Rigist-li"><a href="Login.html">注册</a><span>|</span></li>
                    <li id="account-li" >
                        <a id="account">{{account}}</a>
                        <span>|</span>
                        <div id="pesondiv">
                            <ul id="pesonul">
                                <li onclick="mypersonalcenter()">个人中心</li>
                                <li onclick="evaluateorder()">评价订单</li>
                                <li onclick="mypersonalcenter()">我的喜欢</li>
                                <li onclick="location.href=('AccountManagement.html')">小米账户</li>
                                <li onclick="location.href=('Login.html')">退出登录</li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="Login.html">我的订单</a><span>|</span></li>
                    <li><a href="#">消息通知</a></li>
                    <li class="cart">
                        <a href="#">购物车</a>
                        <div class="cart-list">
                            哦！购物车是空的！
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--导航开始-->
        <div class="nav">
            <div class="wrap">
                <div class="logo">
                    <a href="#">
                        <img src="/img/Login/Login.jpg"  onclick="Home()" style="width: 75px;" />
                    </a>
                </div>
                <div class="nav-bar">
                    <ul style="color: black;">
                        <li>手机
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in PhoneAllList" v-if="index<4" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>电视
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in TelevisionAllList" v-if="index<4" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>笔记本
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in FlatAllList" v-if="index<3" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>音箱
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in TravelAllList" v-if="index<1" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>家电
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in HouseHoldAllList" v-if="index<1" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>路由器
                            <div class="nav-bar-list">
                                <div class="wrap">
                                    <ul style="color: black;">
                                        <div v-for="(item,index) in RouterAllList" v-if="index<1" @click="TextClick($event)">
                                            <input type="hidden" :value="item.productID" />
                                            <li>
                                                <div class="nav-img-box" style="border-right: 1px solid black;">
                                                    <img :src="item.productPictureList.split(',')[0]" alt="">
                                                </div>
                                                <p>{{item.productName}}</p>
                                                <p>{{item.productName}}元起</p>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li><a href="#">服务中心</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </div>
                <div class="search">
                    <input type="text" id="select" placeholder="Redmi Note 11T Pro系列" value="Redmi Note 11T Pro系列">
                    <button type="button" @click="search()">搜索</button>
                    <div class="search-list">
                        <a href="#">手机</a>
                        <a href="#">电脑</a>
                        <a href="#">笔记本 平板</a>
                        <a href="#">小米手环7 NFC版</a>
                        <a href="#">小爱音箱 Pro</a>
                        <a href="#">立式空调</a>
                        <a href="#">K歌麦克风</a>
                        <a href="#">米家跑步机</a>
                    </div>
                </div>
            </div>
        </div>
        <!--导航结束-->
        <!--banner开始-->
        <div class="main" id="main">
            <div class="menu-box">
        
            </div>
            <!--子-->
            <div class="sub-menu hide" id="sub-menu">
                <!--手机-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--电视-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--笔记本 平板-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--出行 穿戴-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--耳机 音箱-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--家电-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--智能 路由器-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--电源 配件-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--健康 儿童-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
                <!--生活 箱包-->
                <div class="inner-box">
                    <div class="sub-inner-box">
                        <div class="sub-row">
                            <span v-for="p in TypeAllList" :key="p.productID" @click="TextClick($event)">
                                <input type="hidden" :value="p.productID" />
                                <img :src="p.productPictureList.split(',')[0]" width="40" height="40"  />
                                <a>{{p.productName}}</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <!--主-->
            <div class="menu-contern" id="menu-contern">
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span >手机</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href=""  @mouseover="over($event)">
                        <span>电视</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>笔记本 平板</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>出行 穿戴</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>耳机 音箱</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>家电</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>智能 路由器</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>电源 配件</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>健康 儿童</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
                <div class="menu-item">
                    <a href="" @mouseover="over($event)">
                        <span>生活 箱包</span>
                        <i class="icon">&#xe665;</i>
                    </a>
                </div>
            </div>
        
            <!--图片轮播-->
            <div class="banner" id="banner">
                <a href="">
                    <div class="banner-slide slide1 slide_active">
                        <img src="/img/menu/bg1.jpg" width="1230px" height="460px"/>
                    </div>
                </a>
                <a href="">
                    <div class="banner-slide slide2">
                        <img src="/img/menu/bg2.jpg" width="1230px" height="460px"/>
                    </div>
                </a>
                <a href="">
                    <div class="banner-slide slide3">
                        <img src="/img/menu/bg3.jpg" width="1230px" height="460px"/>
                    </div>
                </a>
                <a href="">
                    <div class="banner-slide slide3">
                        <img src="/img/menu/bg4.jpg" width="1230px" height="460px"/>
                    </div>
                </a>
            </div>
        
            <!--上下按钮-->
            <a href="javascript:void(0)" class="button prev" id="prev"></a>
            <a href="javascript:void(0)" class="button next" id="next"></a>
            <!--圆点-->
            <div class="dots" id="dots">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <!--菜单和广告图S-->
        <div class="idx-menu-adv  container">
                <ul class="menu">
                    <li class="content br bb"><a href=""style="font-size: 12px; color:inherit;" ><img src="/img/adv/menu1.jpg" alt="">小米秒杀</a></li>
                    <li class="content br bb"><a href=""style="font-size: 12px; color:inherit;"><img src="/img/adv/menu2.jpg" alt="">企业团购</a></li>
                    <li class="content bb"><a href=""style="font-size: 12px; color:inherit;"><img src="/img/adv/menu3.jpg" alt="">F码通道</a></li>
                    <li class="content br"><a href=""style="font-size: 12px; color:inherit;"><img src="/img/adv/menu4.jpg" alt="">米粉卡</a></li>
                    <li class="content br"><a href=""style="font-size: 12px; color:inherit;"><img src="/img/adv/menu5.jpg" alt="" />以旧换新</a></li>
                    <li class="content"><a href=""style="font-size: 12px; color:inherit;"><img src="/img/adv/menu6.jpg" alt="">话费充值</a></li>
                </ul>
                <a href="" class="pic"><img src="/img/adv/adv1.jpg"></a>
                <a href="" class="pic"><img src="/img/adv/adv2.png"></a>
                <a href="" class="pic"><img src="/img/adv/adv3.png"></a>
        </div>
        <!--菜单和广告图E-->
        <!--主体部分开始-->
        <div class="wl">
            <!--广告图开始-->
            <div href="" class="idx-adv container">
                <a href=""><img src="/img/Advertisement/1.jpg" alt=""></a>
            </div>
            <div class="container">
                <!--手机开始-->
                <div class="idx-title">
                    <span class="tit">手机</span>
                    <a class="see-all" href="">
                        查看全部
                        <img src="/img/xy.png" alt="">
                    </a>
                </div>
                <div class="idx-phone idx-box">
                    <div class="adv-box col-5">
                        <a href="" class="single"><img src="/img/Advertisement/2.jpg" alt=""style="background-color: white;"></a>
                    </div>
                    <div class="good-box">
                        <div v-for="(item,index) in PhoneAllList" v-if="index<4"  @click="TextClick($event)">
                            <input type="hidden" :value="item.productID" />
                            <div class="col-5 good-item">
                                <a class="pic"><img :src="item.productPictureList.split(',')[0]"  alt=""></a>
                                <h3 class="name">{{item.productName}}</h3>
                                <h4 class="desc">{{item.productDescribe}}</h4>
                                <p class="price"><span>{{item.productPrice}}元起</span></p>
                            </div>
                        </div>
                        <div v-for="(item,index) in PhoneAllList" v-if="index<4"  @click="TextClick($event)">
                            <input type="hidden" :value="item.productID" />
                            <div class="col-5 good-item">
                                <a class="pic"><img :src="item.productPictureList.split(',')[0]"  alt=""></a>
                                <h3 class="name">{{item.productName}}</h3>
                                <h4 class="desc">{{item.productDescribe}}</h4>
                                <p class="price"><span>{{item.productPrice}}元起</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="idx-adv">
                    <a href=""><img src="/img/Advertisement/4.jpg" alt=""></a>
                </div>
    <!--手机结束-->
    <!--家电开始-->
                <div class="idx-title">
                    <span class="tit" id="t">家电</span>
                    <ul class="tab-list">
                        <li class="tab-activate">热门</li>
                        <li>电视影音</li>
                    </ul>
                </div>
                <div class="idx-elect idx-box">
                    <div class="adv-box col-5">
                        <a href="" class="double">
                            <img src="/img/Advertisement/5.jpg" alt="" width="234px" height="300px">
                        </a>
                        <a href="" class="double">
                            <img src="/img/Advertisement/6.jpg" alt="" width="234px" height="300px">
                        </a>
                    </div>
                    <div class="good-box">
                        <div v-for="(item,index) in TelevisionAllList" v-if="index<4" @click="TextClick($event)">
                            <input type="hidden" :value="item.productID" />
                            <div class="col-5 good-item">
                                <a class="pic"><img :src="item.productPictureList.split(',')[0]"  alt=""></a>
                                <h3 class="name">{{item.productName}}</h3>
                                <h4 class="desc">{{item.productDescribe}}</h4>
                                <p class="price"><span>{{item.productPrice}}元起</span></p>
                            </div>
                        </div>
                        <div v-for="(item,index) in TelevisionAllList" v-if="index<3" @click="TextClick($event)">
                            <input type="hidden" :value="item.productID" />
                            <div class="col-5 good-item">
                                <a class="pic"><img :src="item.productPictureList.split(',')[0]"  alt=""></a>
                                <h3 class="name">{{item.productName}}</h3>
                                <h4 class="desc">{{item.productDescribe}}</h4>
                                <p class="price"><span>{{item.productPrice}}元起</span></p>
                            </div>
                        </div>
                        <div class="last-more">
                            <div class="good-top">
                                <div class="txt">
                                    <h3 class="name">米家全自动波</h3>
                                    <h3>轮洗衣机8kg</h3>
                                    <p>799元</p>
                                </div>
                                <a class="sm-img">
                                    <img src="/img/Home/16.jpg" alt="">
                                </a>
                            </div>
                            <div class="good-more">
                                <div class="txt">
                                    <h3><a href="" id="we">浏览更多</a></h3>
                                    <p><a href="" id="we">电视影音</a></p>
                                </div>
                                <i class="icon-xiangyou-3"><img src="/img/xiangyou-3.png" alt=""></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="idx-adv">
                    <a href=""><img src="/img/Advertisement/9.jpg" alt=""></a>
                </div>
        <!--家电结束-->
            </div>
            <div class="gekai">
        
            </div>
            <!--广告图结束-->
        </div>
        <!--主体结束-->
        <!--页脚开始-->
        <div class="footer">
            <div class="container">
                <div class="footer-serves">
                    <ul>
                        <li><a href="#"><img src="/img/Foot/1.jpg" alt="">&nbsp;<span>预约维修服务</span></a></li>
                        <li><a href="#"><img src="/img/Foot/2.jpg" alt="">&nbsp;<span>7天无理由退货</span></a></li>
                        <li><a href="#"><img src="/img/Foot/3.jpg" alt="">&nbsp;<span>15天免费换货</span></a></li>
                        <li><a href="#"><img src="/img/Foot/4.jpg" alt="">&nbsp;<span>满69元包邮</span></a></li>
                        <li><a href="#"><img src="/img/Foot/5.jpg" alt="">&nbsp;<span>1100余家售后网点</span></a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li>选购指南</li>
                        <li><a href="#">手机</a></li>
                        <li><a href="#">电视</a></li>
                        <li><a href="#">笔记本</a></li>
                        <li><a href="#">平板</a></li>
                        <li><a href="#">穿戴</a></li>
                        <li><a href="#">耳机</a></li>
                        <li><a href="#">家电</a></li>
                        <li><a href="#">家电</a></li>
                        <li><a href="#">路由器</a></li>
                        <li><a href="#">音箱</a></li>
                        <li><a href="#">配件</a></li>
                    </ul>
                    <ul>
                        <li>服务中心</li>
                        <li><a href="#">申请售后</a></li>
                        <li><a href="#">售后政策</a></li>
                        <li><a href="#">维修服务价格</a></li>
                        <li><a href="#">订单查询</a></li>
                        <li><a href="#">以旧换新</a></li>
                        <li><a href="#">保障服务</a></li>
                        <li><a href="#">防伪查询</a></li>
                        <li><a href="#">F码通道</a></li>
                    </ul>
                    <ul>
                        <li>线下门店</li>
                        <li><a href="#">小米之家</a></li>
                        <li><a href="#">服务网点</a></li>
                        <li><a href="#">授权体验店/专区</a></li>
                    </ul>
                    <ul>
                        <li>关于小米</li>
                        <li><a href="#">了解小米</a></li>
                        <li><a href="#">加入小米</a></li>
                        <li><a href="#">投资者关系</a></li>
                        <li><a href="#">企业社会责任</a></li>
                        <li><a href="#">廉洁举报</a></li>
                    </ul>
                    <ul>
                        <li>关注我们</li>
                        <li><a href="#">新浪微博</a></li>
                        <li><a href="#">官方微信</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">公益基金会</a></li>
                    </ul>
                    <div class="col-contact">
                        <p class="phone">400-100-5678</p>
                        <p>8:00-18:00（仅收市话费）</p>
                        <a rel="nofollow" class="btn btn-line-primary btn-small J_contactBtn" > <em class="iconfont-message2"></em> 人工客服 </a>
                        <div class="follow">关注小米：<img src="/img/Foot/1010.png" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/userscommon.js"></script>
    <script>
        let vm = new Vue({
            el:"#app",  
            data:{
                TypeAllList: [],
                PhoneAllList:[],//手机
                TelevisionAllList:[],//电视
                FlatAllList:[],//笔记本平板
                TravelAllList:[],//出行穿戴
                HouseHoldAllList:[],//家电
                RouterAllList:[],//路由器
                account:0,
            },
            created: function () {
                // 获取跳转页面的url数据
                //首页传送的指定商品id从而获取对应商品信息
                var url = window.location.href
                var path = url.split('?')[1]
                var field = new URLSearchParams('?'+path)
                var account = field.get('account')
                console.log(account)
                // var account = 1684237200
                this.account = account
                this.GetUserID(account)
                this.PhoneAll()
                this.TelevisionAll()
                this.FlatAll()
                this.TravelAll()
                this.HouseHoldAll()
                this.RouterAll()
            },
            methods: {
                // 获取名字查询数据
                over(e){
                    var name = e.currentTarget.firstElementChild.innerHTML
                    vm.TypeAll(name)
                },
                // 点击跳转商品页面
                TextClick(e){
                    var proID =e.currentTarget.firstElementChild.value
                    window.location.href="Purchaseinterface.html?proID="+proID+
                    "&account="+vm.account;
                },
                //商品数据
                TypeAll: function (name) {
                    axios.get('/product/typeAll',{ params: { typeName: name} }).then(function (resp) {
                        vm.TypeAllList = resp.data.data
                    })
                },
                //读取登录用户信息
                GetUserID : function(account){
                    axios
                        .get('/user/getAllAccount', { params: { account : account } })
                        .then(function (resp) {
                            vm.account = resp.data.data[0].userAccount
                            if(vm.account == 0){
                                var login =  document.getElementById("Login-li")
                                var rigist = document.getElementById("Rigist-li")
                                login.className="block"
                                rigist.className="block"
                                var account = document.getElementById("account-li")
                                account.className="none"
                            }else{
                                var login =  document.getElementById("Login-li")
                                var rigist = document.getElementById("Rigist-li")
                                login.className="none"
                                rigist.className="none"
                                var account = document.getElementById("account-li")
                                account.className="block"
                            }
                        })
                },
                //首页下面的图片
                PhoneAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "手机" } }).then(function (resp) {
                        vm.PhoneAllList = resp.data.data
                    })
                },
                TelevisionAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "电视" } }).then(function (resp) {
                        vm.TelevisionAllList = resp.data.data
                    })
                },
                FlatAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "笔记本 平板" } }).then(function (resp) {
                        vm.FlatAllList = resp.data.data
                    })
                },
                TravelAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "耳机 音箱" } }).then(function (resp) {
                        vm.TravelAllList = resp.data.data
                    })
                },
                HouseHoldAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "家电" } }).then(function (resp) {
                        vm.HouseHoldAllList = resp.data.data
                    })
                },
                RouterAll : function(){
                    axios.get('/product/typeAll', { params: { typeName : "智能 路由器" } }).then(function (resp) {
                        vm.RouterAllList = resp.data.data
                    })
                },
                search:function(){
                    var name = document.getElementById("select").value;
                    location.href ="WaresSearch.html?name="+name+"&account="+vm.account;
                }
                
            }
        })
    </script>
    <script src="/js/jsss.js"></script>
    <script src="/js/account.js"></script>
</body>
</html>